﻿@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>
<p>
    To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.
</p>

<h3>Telerik UI for ASP.NET MVC PanelBar</h3>
<p>
    To learn more about working with Telerik UI for ASP.NET MVC, you can visit the following resources:
</p>
<br />
@(Html.Kendo().PanelBar()
    .Name("IntroPanelBar")
    .Items(items =>
    {
        items.Add()
            .Text("Online Demos")
            .Selected(true)
            .Expanded(true)
            .Content(@<text>
                <div style="padding:0.5% 0">
                    <ul>
                        <li>
                            <a href="http://demos.telerik.com/kendo-ui/web/overview/index.html">Web demos</a> 
                            - 23 slick UI widgets plus demos of MVVM, Validation, Globalization, Templates, etc.
                        </li>
                        <li>
                            <a href="http://demos.telerik.com/kendo-ui/mobile/overview/index.html">Mobile demos</a> 
                            - See what you can do on phones & tablets. Make sure to check the mobile simulator.
                        </li>
                        <li>
                            <a href="http://demos.telerik.com/kendo-ui/dataviz/overview/index.html">DataViz demos</a> 
                            - You won't believe this is just HTML5. Rich, interactive, touch-enabled charts.
                        </li>
                    </ul>
                    <a href="http://demos.telerik.com/kendo-ui/" style="margin-left: 1%">Learn more…</a>
                </div>
            </text>);
        items.Add()
            .Text("Online Documentation")
            .Content(@<text>
               <div style="padding:0.5% 1%">Check our online documentation where you can find:
                    <ul>
                        <li>Resources to help you get up and running with Telerik UI for ASP.NET MVC.</li>
                        <li>Step-by-step guides and walkthroughs.</li>
                        <li>Short, focused articles intended to quickly answer some of the most commonly-asked questions.</li>
                        <li>In-depth reference, with complete config, method and event listings for every corner of Kendo UI.</li>
                    </ul> 
                    <a href="http://docs.telerik.com/kendo-ui">Learn more…</a>
                </div>
            </text>);
        items.Add()
            .Text("Community Forums")
            .Content(@<text>
                <p style="padding:0 1em">Join over a million passionate, dedicated professionals who participate in our vibrant community, and gain access to discussions and solutions.
                <a href="http://www.telerik.com/forums/kendo-ui-framework">Learn more…</a></p>
            </text>);
        items.Add()
            .Text("Videos on Telerik TV")
            .Content(@<text>
                <p style="padding:0 1em">Visit Telerik's video portal for training videos, tips & trick, webinars and many more video resources.
                <a href="http://tv.telerik.com/search?FilterByTags=KendoUI">Learn more…</a></p>
            </text>);
    })
 )
